<script type="text/javascript">
	$(document).ready(function() {
	
		//validator
   		$("#form-principal").validate();
   		
		$( "#num_cpf_pessoa" ).mask("999.999.999-99",{placeholder:" "});

		$('#num_cpf_pessoa').validacpf();
		 
	    $( "#submit" ).button({
	        icons: {
	            primary: "ui-icon-circle-arrow-e"
	        },
	        text: true
	    });
	});
</script>

<div class="login">
	<fieldset class="fieldset-conteudo">
		<legend id="conteudo-nome">Acesse o Sistema</legend>
		<form id="form-principal" action="<?php echo $this->baseUrl(); ?>/login/index" method="post">
			<div id="inputs">
				<div style="float:left; width:220px;">
					<label for="num_cpf_pessoa" style="width: 45px">CPF: </label>
					<input type="text" id="num_cpf_pessoa" name="num_cpf_pessoa" size="20" class="required"/>
					<br />
					
					<label for="vlr_senha" style="width: 45px">Senha: </label>
					<input type="password" id="vlr_senha" name="vlr_senha" size="20" class="required" />
					<br />	
				</div>
				<div class="div-botoes" style="float:left; width:auto;height:50px;margin-left: 20px;">
					<button id="submit" type="submit" class="button-salvar" value="Salvar" style="top:32%;position: absolute;margin-top: -25px;">Entrar</button>
				</div>
			</div>
			<br />
			<div>
				Esqueceu a senha?
			</div>
		</form>
	</fieldset>
</div>